* {
  margin:0%;
  padding:0%;
}

.hidden {
  display: none;
}

body {
  background:#E9F2FF url(./images/background.gif) top center repeat-x;
  font: 16px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  color: #282828;
  text-align: center;
}

#header {
  background: transparent url(../images/header_shadow_1x52.png) top center repeat-x;
  top: 0;
  height: 52px;
  width: 100%;   
}


#header ul {
  margin-right: 20px;
  float: left;
}


#header #header_logo {
  background-image: url(../images/logo.gif);
  margin-left: 50px;
  float:left;
  height: 52px;
  width: 70px;
  margin-right: 250px;
}

/* hide the text */
#header #header_logo span {
  display:block; 
  height: 0px;
  overflow: hidden;
}

#header #search_type {
  margin-top: 10px;
  float:left;
}

#header #search_box {
  margin-top: 10px;
  margin-left: 0px;
  float:left;
  width:235px;
}

#header #top_navigation {
  float: right;
}

#header #top_navigation li, #header #top_navigation #welcome {
  list-style-type: none;
  float:left;
  margin-top: 10px;
  margin-right: 20px
}

#container {
  margin: auto;
  margin-top: 10px;  
  width: 95%;
  height: auto; 
}

#footer {
  clear:both;
  text-align:center;
  font-size:10px;
  color: yellow;
  background-color: #4B4776;
  background-position:0px 0px;
  padding-top:10px;
  width: 95%;
  height:85px;
  margin:auto;
}

.mini_note {
  margin: 5px 25px 5px 25px;
  border-bottom: 1px solid gray;
  min-height: 100px;
  text-align: left;
  line-height: 2em;
  padding-bottom: 1em;
  /*clear:both;*/
}

.mini_note .char-hint {
    color: grey;
    font-style: italic;
    font-size: 0.9em;
    float: right;
}

.mini_note .mini_note_avatar {
  float:left;
  margin: 5px;
}

.mini_note .mini_note_author {
  margin-left: 20px;
}

.mini_note .mini_note_author a {
  color: blue;
}

.mini_note .mini_note_content {
  display: block;
  margin-left: 70px;
}

.mini_note .mini_note_pub_date {
  margin-left: 10px;
  color: gray;
  font-size: 0.8em;
  font-style:italic;
}

.mini_note a[href="#toggle_comment"] {
    display: inline;
  float:right;
  font-size: 0.8em;
  color:blue;
}

.mini_note .mini_note_comments {
  margin-top: 2em;
  border-top: 2px #FFFFCC solid;
}

.mini_note .mini_note_comments form {
    border-top: 1px solid grey;
}

.mini_note .mini_comment {
    margin-left: 48px;
    background-color: grey;
    padding: 5px;
    font-size: 0.8em;
    border: 2px solid white;
}

.mini_note .mini_comment .mini_comment_avatar {
    float: left;
    margin-right: 10px;
}

#login_dialog {
  text-align: left;
}

#login_dialog #hint {
    font-size: 0.8em;
    font-style: italic;
    color: red;
}

#login_dialog input { margin-bottom:30px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:35px; }
